<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Trang chủ bán ghế</title>
<link rel="stylesheet" type="text/css" href="stylewebgioithieu.css"/>
</head>

<body>
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/slideshow.js"></script>
	<h1>Trang web của tôi demo thoi nhé</h1>
	<h2>hi</h2>
<div class="wapper">
	<!--HEADER-->
		<header>
			<!--TOP-->
			<div class="top">
        	<div class="menutop">
        		<div class="menulog">
            		<a href="#" class="dangnhap">Đăng nhập |</a>
                	<a href="#" class="dangky"> Đăng ký</a>
            	</div>
            	<div class="menungonngu">
            		<a href="#"><img src="images/Flag_of_Vietnam.svg_.png" width="30px" height="20px" alt="" /></a>
                	<a href="#"><img src="images/colors-of-england.jpg" width="30px" height="20px" alt="" /></a>
            	</div>
             </div>
             <script>
			 	$('.dangnhap').click(function(e) {
					$('.dangnhap').css('color','red');
                    $('.box').toggle('fast');
                });
			 </script> 
             <div class="box">
             	<form name="frmdangnhap">
                	<table>
                    	<tr>
                        	<td>Tài khoản:</td>
                            <td><input type="text" name="txttaikhoan" id="txttaikhoan" value=""/></td>
                        </tr>
                        <tr>
                        	<td>Tài khoản:</td>
                            <td><input type="password" name="txtpass" id="txtpass" value=""/></td>
                        </tr>
                        <tr>
                        	<td colspan="2">
                        	<button type="submit" name="btndangnhap" id="btndangnhap" value="">Đăng nhập</button>
                            </td>
                        </tr>
                    </table>
                </form>
             </div>
        </div>
			<!--END_TOP-->
			<div class="clr"></div>
        <!--MENU-->
        <div class="boxmenu">
        	<div class="goc1"></div>
            <div class="menu">
        		<ul>
            		<li><a href="#">Trang Chủ</a></li>
                	<li><a href="#">Sản phẩm</a>
                		<ul>
                    		<li><a href="#">LOREM IPSUM</a></li>
                        	<li><a href="#">LOREM IPSUM</a></li>
                        	<li><a href="#">LOREM IPSUM</a></li>
                        	<li><a href="#">LOREM IPSUM</a></li>
                        	<li><a href="#">LOREM IPSUM</a></li>
                    	</ul>
                	</li>
                	<li><a href="#">Giới thiệu</a>
                	<li><a href="#">Công nghệ</a>
            	</ul>
             </div>
             <div class="goc2"></div>
        </div>
        <!--END_MENU-->
        <div class="clr"></div>
        <!--BANNER-->
        <div class="banner">
        	<div class="left">
            	<h1 class="h1">TỔ CHỨC GIÁO DỤC</h1>
                <h1 class="h2">VIỆT PHÁP</h1>
                <div class="do"></div>
                <div class="xanh"></div>
                <p>Tour le d'e frak</p>
            </div>
            <div class="logo">
            	<img src="images/logo.png" width="200px" height="200px" alt="" />
            </div>
            <div class="right">
            	<h2>HỆ THỐNG SẢN PHẨM GIÁO DỤC</h2>
                <p>lorem ipsum</p>
            </div>
        </div>
        <!--END_BANNER-->
        <div class="clr"></div>
        <div class="endbanner">
        	<div class="goc1"></div>
            <div class="hi"></div>
            <div class="goc2"></div>
        </div>
        <div class="clr"></div>
		</header>
	<!--END_HEADER-->
	<!--SLIDER-->
    <script>
		$(document).ready(function(e) {
            $('#show').slides();
        });
	</script>
    <div class="slider">
    	<div id="show" data-skip="false" data-auto="2000" data-autostop="false" data-loop="true" style="position:relative" >
				<ul class="carousel">
    				<li class="slide"><img src="images/slide_show.png" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="images/web home.jpg" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="images/slide_show.png" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="images/web home.jpg" alt="1" width="970px" height="315px"></li>
        			<li class="slide"><img src="images/slide_show.png" alt="1" width="970px" height="315px"></li>
    			</ul>
		 </div>
    </div>
    <div class="clr"></div>
    <!--END_SLIDER-->
    <div class="dai2">
    	<p class="p1">GIỚI THIỆU</p>
        <div class="p2">
        	<form name="frm2">
            	<div class="p21"><input type="text" name="txtimkiem" id="txttimkiem" value="" placeholder="Tìm kiếm" /></div>
                <button class="p22" type="submit" name="btntimkiem" id="btntimkiem">
                <img src="images/timkiem.png" width="25px" height="25px" alt="" />
                </button>
            </form>
        </div>
    </div>
    <div class="clr"></div>
	<!--MAIN-->
		<div class="main">
			<div class="mainbox">
				<h1>LOREM IPSUM</h1>
				<hr>
				<div class="mota">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel nisi ipsum. Proin blandit condimentum vulputate. 
					Phasellus ac sollicitudin justo. Cras ultricies aliquam diam, id pellentesque felis egestas vel. Cras mattis eu dui sit amet rutrum. 
					Nulla luctus, diam ut tincidunt tempor, ipsum enim ultricies ipsum, aliquet iaculis orci dui non arcu. Nulla facilisi. 
					Vestibulum at mauris nulla.</p>

					<p>Mauris mattis sit amet risus nec viverra. Fusce lacinia porttitor consectetur. Donec pharetra molestie leo, 
					in maximus eros dignissim aliquet. Maecenas viverra, ex et placerat molestie, dui nulla rutrum erat, 
					imperdiet suscipit mauris quam et erat. Aliquam eu velit ac est laoreet venenatis ut id odio. Nam in commodo ante.
					Nunc ut dictum erat, a faucibus nibh.</p>

					<p>Ut in nulla non risus faucibus pellentesque quis a neque. Nunc ultricies at elit ac ultricies.
					Praesent diam nibh, egestas ac molestie sed, molestie quis eros. Proin turpis nibh, vehicula ac odio ultricies, 
					tristique tempus ante. Curabitur rhoncus malesuada lacus ut ultrices. Nam nec elementum neque, a tincidunt velit.
					Proin eget nibh sed enim ornare tincidunt id sed nibh. Fusce sollicitudin, ipsum gravida eleifend tempus,
					massa ante sagittis libero, et porta ex risus non ante.</p>

					<p>Aenean semper, magna a iaculis vehicula, felis dolor mollis erat,
					in fringilla diam ex quis lacus. Suspendisse tempus bibendum dapibus. 
					Sed ac justo iaculis risus mollis blandit id quis tortor.
					Aenean laoreet dolor sed purus imperdiet laoreet. Quisque porttitor elit non aliquet sodales. Duis massa ligula, 
					feugiat a convallis vitae, tempus eget quam. Nam varius, erat eu aliquam rutrum, quam neque aliquam tellus, 
					a tempor tortor sem nec ligula. Quisque porta risus massa, in finibus metus rutrum in. Etiam sit amet consequat arcu.
					Maecenas laoreet ut ex at dictum.</p>

					<p>Sed ac dapibus odio. Sed augue orci, faucibus sed magna ac, vehicula posuere massa. 
					Vestibulum commodo risus ac leo eleifend, sed consectetur velit dignissim. Nam lorem massa, 
					luctus sed dui quis, tristique consequat tellus. Nam a ante quis nisl interdum commodo. 
					Pellentesque a risus accumsan, aliquam odio nec, molestie elit. Vivamus consequat nec justo nec mattis. 
					Vivamus ut mauris vel justo blandit fringilla vel vitae lorem. Morbi ornare laoreet tristique. Vivamus ultricies neque metus,
					nec tincidunt diam eleifend ut. Sed maximus, urna et finibus posuere, elit lectus rutrum elit, eget congue orci augue vel lectus. 
					Proin congue sed orci quis molestie. In pulvinar, erat in maximus sagittis, felis purus suscipit sapien, ut lacinia odio diam nec elit. 
					Phasellus congue varius magna, a bibendum risus pulvinar ac. Phasellus commodo ut odio sit amet semper.
					Mauris suscipit dolor in odio lacinia, sed blandit diam aliquam.
					</p>
					<p>Sed ac dapibus odio. Sed augue orci, faucibus sed magna ac, vehicula posuere massa.</p>
				</div>
				<hr>
			</div>
		</div>
	<!--END_MAIN-->
	<div class="clr"></div>
    <!--FOOTER-->
        <footer class="foot">
    	<div class="p1">
        	<p class="n1">THÔNG TIN TUYỂN DỤNG</p>
            <p class="n2">Tuyển dụng</p>
        </div>
        <div class="p2">
        	<p class="n1">NHẬN THÔNG TIN QUA EMAIL</p>
            <div class="n2">
            	<form name="frm3">
                	<div class="n21"><input type="text" name="txtthongtin" id="txtthongtin" value="" /></div> 
                    <div class="n22"><button type="submit" name="btngui" id="btngui" value="">Gửi</button></div>
                </form>
            </div>
        </div>
        <div class="p3">
        	Địa chỉ: 2 Đại Cồ Việt - Quận Hai Bà Trưng - Hà Nội<br />
            Điện thoại: 1900 545 546<br />
            Email: cskh@trananh.com.vn<br />
            Bản đồ: Bản đồ đường đi
        </div>
        <div class="p4">
        	<img src="images/logo.png" width="100px" height="100px" alt="" />
        </div>
	</footer><!--END_FOOTER-->
</div>
</body>
</html>